<template>
  <div class="app">
    <HomeLayout>
      <HeroSection></HeroSection>
      <Features></Features>
      <ServerStats></ServerStats>
    </HomeLayout>
  </div>
</template>

<script setup>
import HomeLayout from "@/layout/HomeLayout.vue";
import ServerStats from "@/views/home/ServerStats.vue";
import Features from "@/views/home/Features.vue";
import HeroSection from "@/views/home/HeroSection.vue";
</script>

<style scoped>
.app {
  background: radial-gradient(ellipse at top, #0a0a1a 0%, #0a0a0a 100%);
  color: #e0e0e0;
  min-height: 100vh;
  font-family: 'Inter', sans-serif;
  position: relative;
  overflow-x: hidden;
}
</style>
